Blogger´SPhera nos proporciona una idea de VN Weblog Guide resumir los post automáticamente cosa que antes nos veíamos obligados a hacer manualmente en post anteriores cuando añadíamos algún sistema de "leer más", una vez realizamos los cambios no tendremos que preocuparnos de nada. Eso si.. el resultado lo veremos en todos los post.
Estaría bien si antes de seguir descargamos una copia de la plantilla, lo que haremos es muy sencillo pero así tendremos más tranquilidad.

Nos situamos en plantilla Edición de HTML y marcamos para expandir la plantilla de artilugios. Buscamos </head> y justo antes añadimos lo siguiente:


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
if(thumbnail_mode == "float") {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
} else {
imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Lo que sigue a continuación nos permite modificar la forma de mostrar los post resumidos y lo podemos hacer una vez terminamos todos los cambios, de esa forma podemos ver en vista previa el resultado de lo que vamos haciendo. Sería algo así:

» Donde dice var thumbnail_mode = "float" ; podemos ubicar la imagen en miniatura.
Con float la imagen se ubica a la izquierda. Si lo sustituimos por no-float la imagen se sitúa en la parte superior del pots y a continuación el resto del post.

"Cualquier cambio que hagamos sólo afectará la imagen que mostramos en los post resumidos, es decir la miniatura, una vez visualizamos el post completo la imagen se muestra en el tamaño y ubicación escogida por nosotros"

» En summary_noimg = 230 ; escogemos el número de caracteres en los post resumidos que NO contienen imágenes.

» En summary_img = 140; será el número de caracteres cuyos post contienen imágenes.

» Adjudicamos altura a la imagen en img_thumb_height = 100;

» La anchura la modificamos en img_thumb_width = 100;

Buscamos ahora lo siguiente:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Y lo sustituimos por:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span id='showlink'><a expr:href='data:post.url'> Texto para expandir el post </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

»Sustituimos Texto para expandir el post por el texto que hará de vínculo para mostrar el post en su totalidad.
»También podemos añadir una imagen en lugar del texto si añadimos:
<img src="url-imagen" />

» Si deseamos añadir unos estilos a ese texto podemos hacerlo con la etiqueta span.
<span style='color:#000;font-size:14px;'> Texto para expandir el post</span>
Ahí mismo podemos modificar el color de letra, tamaño y fondo.

El resultado de estas explicaciones podéis verlo aquí.

Pequeños Soles de Noe

Hola Gema si bien te sigo desde hace mucho nunca he dejado un comentario.
Tengo problemas con el seguir leyendo y por más que lo arregle y lo arregle me queda muy separado a veces y en otras directamente no sale y cuando quiere sale bien.
Éste truco me ha encantado, pero no sé si lo pueda realizar teniendo configurado lo anterior de seguir leyendo, por favor si puedes ayudarme.
Un cariño grande
Noe

Responder
Bocha

Amiga... tengo dos problemitas, el 1º: Si ves mi blog, podras notar que como las dos SIDEBAR no llegan hasta el limite del blog, entrre ellas y debajo queda un espacio gris, yo ese espacio lo quiero dejar blanco... se podra?? claro que sin modificar el body (Cuerpo), sintesis, quiero arrelgar eso sin cambair el BODY del blog... eso por un loado, Por el otro es una simple pregunta... ¿Es posible que un sector del blog no este andando,YO LE PONGO ALGO NUEVO Y ESO MISMO SE LO COPIAN.

Responder
squirrel

Gema tengo un problema

Sabes, quiero cambiar el color de los titulos de la sidebar de un color y el subrayado que tiene de otro color, pero me he dado cuenta que cuando cambio el color del título también de ese mismo color se pone el subrayado, es como si estuvieran unidos, que puedo hacer.

Porque también me gustaría ponerle otro tipo de subrayado , pero no se cambia y no sé por qué.

Espero me entiendas.

Un beso.

Responder
Anónimo

Gracias por todo...
No sabes cuantas veces he consultado en tu blog.
Eres una gran persona y maestra, en el interior del mio estás tú.
http://ajorbaricart.blogspot.com/
Gracias

Responder
Anónimo

Hola Gem@, me imagino que se podria usar este script para poder poner en la sidebar la foto y el titulo del post de las entradas mas recientes, ¿ Sabrias como ? Perdona que te dé mas trabajo extra del que ya tienes, pero lo he visto en muchos blogs y webs y me gustaria saber como, gracias.
Fco.

Responder
enrique

No me funciona, lamentablemente. Me sale este error:
"No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "div" must be terminated by the matching end-tag "

Lo he intentado muchas veces y siempre igual. Si hay algún consejillo, muy agradecido.

Responder
Gem@

Hola Noe, lo ideal sería suprimir el anterior sistema de expandir entradas, no es complicado si recuerdas el sistema usaste.
De no ser así indícame el blog y una entrada donde lo tengas añadido :)

yz Saludos Bocha :)ese es el color de fondo del contenido del blog si lo cambias se unificará todo del mismo color. Puedes ver el efecto en vista previa si buscas donde dice:
#content-wrapper y background-color: #e6e6e6;
lo sustituyes por background-color: #fff;
La otra pregunta no la entiendo ¿qué quieres decir con que un sector del blog no ande?

yz Squirrel prueba a unificar todo el código de el título, suprime esas dos partes que tienes de .sidebar h2 y añade sólo una.
Algo así, puedes comprobar si cambia en vista previa.
.sidebar h2 {
height:19px;
padding:0px 0 0 5px;
color:#000;
margin:0;
font-weight: bold;
border-bottom: 1px dotted #000;
font-size:14px;
font-family: Trebuchet MS, Verdana, Arial, Sans-serif;
}

yz Muchas gracias por el comentario Anna, es muy agradable leer cosas así. Me encantará ver ese sitio :)

yz Fco no hay que perdonar nada, si que hay bastantes cosillas pendientes por hacer y esa idea me ha gustado mucho. Precisamente Rosa explicaba como hacerlo, te dejo el enlace y así no tendrás que esperar ;)
Ultimas entradas con miniatura de imagen espero sea eso ;)

yz Enrique eso quiere decir que te falta cerrar con un </div> repasa el código bien porque yo lo he comprobado y no da error ;)

Responder
Alexis José Marrero Castillo

hola perdona lo tarde pero feliz dia y te invito a que visites este post http://alexismarrero.blogspot.com/2009/03/felicidades-mujeres-blogueras-el.html

Responder
Anónimo

Hola Gema, fijate que tengo una duda, la vez pasada vi creo que aqui, un link que diste para hacer fractales...

Me podrias dar el link por favor..

Responder
Gem@

ALEXIS ¿pero cómo perdonar? no hay que perdonar nada, todo lo contrario te agradezco una vez más el detalle de acordarte de mí.
Que bonito me suena eso que leo en la url, voy a verlo...
GRACIAS :)

yz Roccio te refieres a¿este enlace?

Responder
Anónimo

Siiiiii gracias Gema graciassssssssssss!!!!..

Felicitaciones por tu blog! siempre es de gran ayuda para mi.

Responder
Peliculas y TV

Gema necesito contactarme contigo todos estos dias porque necesito el favor mas grande de todos.

Responder
Gem@

Estupendo Roccio :)

yz Peliculas y TV mi mail es forevergema(arroba)gmail.com

Responder
Peliculas y TV

Gema no tienes hotmail?
osino como hacemos para hablar por gmail? porque yo no se como.

Responder
Gem@

Peliculas y TV no suelo contactar de otro modo que no sea por mail, puedes explicarme por ese problema de igual modo.

Responder
majka.

Gracias, Gema, por compartir estos recursos con todos. La verdad es que la mayoría de veces son detalles que hacen que el blog sea más elegante y de más calidad.

Lo instalé en el blog y queda genial, sólo pensaba si habría la opción de modificar el aspecto de las palabras leer más o seguir leyendo... hacerlas más grandes, cambiar el color, separarlas más del texto...

Un abrazo y gracias por todo!

Responder
Pequeños Soles de Noe

Hola Gema espero que hayas pasado un lindo día ayer!
Te paso un link donde tengo el siga leyendo, éste truco lo saqué del blog de César, cuando voy a suprimir las modificaciones y coloco lo que estaba anteriormente me sale error de lenguaje, no sé dónde me equivoco? Gracias por tu ayuda
Un beso
Noe

http://pequenossolesdenoe.blogspot.com/search/label/poemas

Responder
Peliculas y TV

Gema lo que yo quiero es que me ayudes a armarle un buen diseño a mi blog para el dia del cumpleaños osea el primer año de que mi blog se creo.

Porfavor es que necesito que me vallas explicando por eso decia que por hotmail porque depronto te necesito urgente y no estas aqui en tu blog.

El dia del cumpleaaños es el 21 de marzo

Responder
Gem@

Hola Majka!! puedes añadir estilos a ese texto, si te fijas en el ejemplo de la entrada verás que lo he modificado para que lo veas.
Donde dice "Texto para expandir el post" podemos añadir los estilos de ese texto, por ejemplo un tamaño mayor de fuente con "font-size". El color de fondo con "background". Color del texto con "color".
Y esa flechita que sirve para indicar que "algo sigue..." se añade simplemente copiando y pegando y la envolvemos con la etiqueta <b> y </b> para convertirla en negrita.

El resultado de lo que te he comentado sería sustituir el texto por lo siguiente:

<span style="color:#402F36;font-size:14px;background:#ccc;"> Aquí ponemos el texto <b>»</b></span>

Responder
Gem@

yz Peliculas y TV yo no tengo costumbre añadir contactos para uso exclusivo de ayuda, puede haber alguna excepción como cuando han hackeado un blog o temas de se estilo.
Tengo mis contactos como todo el mundo pero eso es algo personal, entiende que si añado a todos para ayudar de esa forma este blog no existiría porque no tendría tiempo para atenderlo.
Urgente es ese blog que de pronto dejan de verse las entradas, o no tenemos acceso a él, o nos impide actualizarlo y realizar cualquier acción.
Por otra parte yo sólo sé añadir una cosilla por aquí y otra por allá, tengo una plantilla a punto de terminar que sin exagerarte me ha llevado un mes hacerla.
Tú piensa lo que deseas hacer, lo expones y yo gustosa te iré contestando pero sin urgencias porque esto es para divertirse no para agobiarse ;)

Responder
Gem@

Lo he visto Noe ¿cuerdas el mensaje de error que te da?

Responder
Gem@

Noe quise decir si lo recuerdas, a veces no me entiendo ni yo :O

Responder
Peliculas y TV

Bno entonces disculpa si te moleste.

igual gracias.

Responder
Peliculas y TV

lo que pensaba colocar era globitos en todas partes, una torta en la esquina y diversos adornitos que no se si sepas algunos arreglitos.

Responder
Pequeños Soles de Noe

Gema te entiendo! es cuando doy a la vista previa me dice que no se puede editar el lenguaje htlm. parece que cuando borro y coloco los códigos anteriores algo dejo o no dejo, me entiendes?
Noe

Responder
Gem@

No me molestastes Peliculas y TV simplemente te expliqué mi punto de vista.
Una idea para añadir globos la puedes ver aquí es un efecto muy festivo de imágenes flotando por el blog y puedes sustituir las imágenes por otras de globos.
La torta para añadirla en una esquina puedes seguir los pasos de esta
entrada y en lugar de un menú como ahí explica se añade la imagen de la torta. Es cuestión de ir paso a paso...

yz Noe pero suele decir "Mensaje de error bla,bla, bla.." y nos indica el error que se produce si pudieras copiarlo y pegarlo aquí ;)

Responder
Pequeños Soles de Noe

Gema sale ésto:
No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type "div" must be followed by either attribute specifications, ">" or "/>".

Responder
Javier

Muchas gracias Gem@, justamente era eso lo que estaba buscando. Ya lo tengo implantado en mi blog (haber si poco a poco lo voy perfilando y termino de diseñarlo)

Por cierto, creo que tenemos gustos similares en cuestion de diseño de blog.

Un Saludo.

Responder
fds

Hola Gem@

Me encantó el truco, y me funcionó. Era algo que estaba buscando hace mucho tiempo.
El único problema es que en las letras del resumen que aparecen junto a la imagen me quita todo el formato de texto, incluyendo los saltos de línea, itálicas, negritas, sombreados, etc.
¿Habrá solución para eso?
El resto, impecable.

Un abrazo

Fernando

Responder
Gem@

Noe eso es un error de comillas comprueba que el código que añades y si ves dobles comillas cámbialas a comillas simples.
Guarda una copia de la plantilla antes de realizar esos cambios ;)

yz Me alegra que te resultara bien Javier, voy a ver esas coincidencias que comentas :)

yz editorial tengo que ver eso para poder contestarte y tu perfil no lo veo disponible, probaré otra vez :)

Responder
Gem@

Así es Javier coincidimos en gustos referente a color, la plantilla Zinmag es muy bonita :)

Responder
Pequeños Soles de Noe

Querida Gema, voy a tener que dejarlo como está porque no veo ningún problema de comillas no aparece nada de eso.
Bueno seguiré como estaba hasta ahora ya veré en cuanto haga cambio de plantilla (uno suele aburrirse jeje) si funciona éste truco.
Muchas gracias por tu ayuda y estamos en contacto, te sigo a todas partes
Un beso
Noe

Responder
Gem@

Noe, mándame la plantilla y lo intentaré eliminar yo ;)

Responder
Pequeños Soles de Noe

Querida Gema!! sos un sol, ahora te mando la plantilla
Un beso
Noe

Responder
Gem@

La he recibido Noe ;)

Responder
Pequeños Soles de Noe

Ok :)

Responder
Mamots

hola me interesaria como poner en minipost que se pueda comentar.

gracias

Responder
Pequeños Soles de Noe

Gema gracias por tu ayuda, ya te contesto el mail
Un beso grande y no tengo palabras para agradecerte
Noe

Responder
Gem@

Mamots ¿con mini post te refieres a esta entrada de post resumidos? si es así se puede comentar de la misma forma que con cualquier sistema :)

Hola Noe, no hay nada que agradecer :)

Responder
Viktor Lecter

Gemita, este post me parece que es demasiado importante, arréglale por favor los links o solucionalo de la forma que yo lo hice, es decir... integrándolo en la plantilla:

http://www.laplegariadeunpagano.com/2009/03/post-resumidos-en-blogger.html

Responder
Gem@

Los links funcionan Víctor, lo que no va todavía son los scripts por el problema de alojamiento que nos trae estos días.
Hay que tener paciencia es mucho trabajo modificar todo el contenido del blog pero estoy en ello ;)

Responder
Gem@

Solucionado ;)

Responder
Gem@

Ahora me doy cuenta a lo que te referías Víctor así es como he modificado mi plantilla y así es como recomiendo hacerlo en las entradas de estos días por el tema de alojamiento de scripts ;) Gracias por el detalle ;)

Responder
Bear imaginario...!

Hola gem@ en la parte de: ancho y alto de las imágenes, que posibilidades hay de no poner nada y que salga el tamaño real de la imagen que tenemos en el post?

Responder
Gem@

yz Bear la idea es que las entradas se muestren reducidas es decir con la posibilidad de escoger el número de caracteres en cada entrada.
Si omitimos el tamaño de la imagen pueden pasar dos cosas, que la imagen no se muestre o que al mostrarse la imagen en su tamaño real se mostrará la entrada completa :)

Responder
Anónimo

:P

Responder
Anónimo

Hola gem@ gracias por el consejo.. anda super... pero, como hago para que el resumen quede justificado como la entrada original?

Responder
Gem@

yz El Trobiandés para justificar texto puedes probar a añadir en la css text-align:justify; el lugar indicado sería .post {
Yo suelo hacerlo "a mano" en cada entrada con <p align="justify">aquí el texto</p> ;)

Responder
Anónimo

Excelente gema funcionó a la perfección con poner despues de .post { text-align:justify;

Pero supongo que asi queda predeterminado para que todos los post sean de la misma forma... pero no me importa xD

Gracias por responder y por tus consejos. :D

Responder
Gem@

yz Así es El Trobiandés para escoger donde añadirlo sería en cada entrada.
Gracias a ti por venir a decírmelo ;)

Responder
marjo0731

Hola Gem@, sabes en tu blog siempre encuentro lo que busco, como esta entrada.
Lo malo es que no se que hice mal, porque no me funciona, aparece la entrada complata y abajo el mensaje para leer la entrada completa...
Será porque la entrada tiene video??
Ojala puedas responderme, gracias :D

Responder
Gem@

yz marjo0731 he comprobado el código y no hay error funciona perfectamente incluido con vídeo. Repasa el código y el lugar donde lo añadiste debe ser un error al realizar los cambios ;)

Responder
Marjo

Gracias, lo he vuelta a hacer con muuucho cuidado para no equibocarme(busco las líneas con control+f)y nada... me sale la entrada completa con el mensaje abajo.
gracias de todas maneras :)

Responder
Gem@

yz marjo0731 he mirado ahora mismo y el script no está tal y como aquí :(

Responder
Demmi Smith-Listing

Hola Gema...

Creo que como muchos otros te voy a tener que poner en los creditos de mi blog... por que es mas tuyo que mio.. ;) (será un honor de todos modos :) )

He probado el resumen... y en principio todo bien, me salen las entradas resumidas sin problemas peeeeroooo... (siempre hay un pero) en cuanto publico una entrada nueva, me salen los post por duplicado :o el resumido y el integro...

¿que estaré haciendo mal?? :S soy yo? es el blogger? :S es el viento que hace hoy en Berlín... :S

Responder
Demmi Smith-Listing

vale... se me ha ido el raton antes de terminar... ( que dia, por dios!) el blog en el que lo estoy probando es:

http://gustavschafer.eu

muchas gracias!!!

Responder
Gem@

yz Saludos Demmi Smith-Listing, el script funciona correctamente, repasa la segunda parte donde hacemos la sustitución de un código por otro el error debe estar ahí pero no puedo verlo online ;)

Responder
La Magia de MagNel

Hola Gem@.
Felicidades por tu blog. Lo consulto siempre. El script va de fabula pero tengo un problema. Los post resumidos salen muy separados los unos de los otros y solo se ve la ultima entrada publicada. si quiero ver otra tengo que usar la barra lateral para ir al final de la pagina. Me puedes ayudar?. Gracias anticipadas ;)

Responder
Gem@

yz AMPA CEIP Escola Torreroja no sé que puede ser, quizás el tipo de plantilla, un error al aplicarlo ... pero no sabría decirte y menos sin ver el blog :(

Responder
La Magia de MagNel

Hola Gem@. perdón por el lapsus. el blog es
www.ampatorreroja.blogspot.com
Saludos

Responder
Gem@

yz AMPA CEIP Escola Torreroja yo diría que el problema viene por la medida del blog, da la sensación que los post ocupan más espacio que el disponible.
No sé que plantilla estás usando, no le veo los créditos :O
Comento esto último porque sería bueno compararla con la original y ver las medidas por ejemplo en #rightbar_wrap, #leftbar_wrap de anchura tiene width: 220px; pero en la sidebar izquierda #leftbar_wrap no le veo medida para la anchura y en #main_wrap tampoco.
Por otra parte y aunque esto no sea la solución al problema comprueba que el script esté añadido antes de </head> fíjate bien que es </head> y no <head>

Responder
pepe

gracias lo estoy intentando

cualquier duda te pregunto

gracias


chau

Responder
Gem@

yz Aquí estamos Pepe :)

Responder
pepe

gracias gema
ya lo hice en mi blog
pero igual quede con algunas dudas :S

te cuento...

mi blog es este http://solodvdr.blogspot.com/

lo que quiero solucionar si es que me ayudas es con lo siguiente

si te fijas abajo de cada imagen dice sinopsisholly o sinopsisrocky por ejemplo...

como puedo hacer para que abajo de las imagenes no salga nada???

otra pregunta

como puedo hacer para que me salga Accede a la entrada siguiendo este enlace, pero que me salga solo la palabra enlace subrayada esas son mis dos dudas..

espero tus respuestas


PD: estoy con la gripe humana xd
pero ya me estoy mejorando

saludos cuidate

Responder
Gem@

yz Hola Pepe, para que salga sólo subrayada la palabra enlace debes modificar esa parte que dice....

<span id='showlink'><a expr:href='data:post.url'> Accede a la entrada siguiendo este enlace </a></span>

y añadirlo así:

Accede a la entrada siguiendo este <span id='showlink'><a expr:href='data:post.url'> enlace </a></span>

Para intentar suprimir ese texto debajo de las imágenes prueba a modificar en summary_img = 1; sustituyendo el 1 por un 0 (cero)

Veamos si con eso resulta ;)

Responder
pepe

gracias gema

lo primero si resulto ;)


pero lo segundo no se que puede ser ¬¬

espero me ayudes grax

chau

Responder
pepe

esperando la respuesta......

grax

Responder
Gem@

yz Disculpa Pepe no es que me haya olvidado, estuve probando y como no veía una solución decidí probar en otro momento.
Es extraño porque al añadir 0 estamos diciendo que 0 es el número de caracteres en los post con imágenes :(

Responder
Gem@

yz Hay una solución que es un poco casera y es no eliminar sino camuflar ese texto que se ve.
Se trata de envolver el texto con la etiqueta span y aplicar color al texto.
Es algo como te digo provisional hasta dar con otra solución. Puedes coger el texto de la primera entrada por ejemplo y añadirlo así:
<span style="color:#e0e0e0; font-family:Arial; font-size: 1px;">SINOPSISHolly...</span>

Con eso le estamos añadiendo el mismo color de fondo y un tamaño tan pequeño que apenas se ve.
Luego donde escribes el resto del texto comienzas con ese mismo como si no lo hubieras añadido anteriormente.

Responder
pepe

grax gema pero yo no entender (tonto) XD

mejor voy a esperar a ver si es que hay otra solucion

gracias por tu ayuda

saludos

PD:

mira hay algo raro por que en otro blog que hise para probar si resulta , pero resulta solo en dos entradas nada mas mira aqui te dejo el link
http://gatubelosdeldvd.blogspot.com/

si te dijas las dos entradas de abajo si resulta.... por que sera??

grax chau

Responder
pepe

espero la respuesta


:P

grax

Responder
Gem@

yz Pepe eso ocurre por lo siguiente cuando añadimos el script a la plantilla escogemos el tamaño de la imagen, luego establecemos el número de caracteres en los post que tienen imágenes.
Hasta ahí vamos bien....
Si añadimos imágenes de varios tamaños nos encontramos que en unos post nos añade más caracteres que en otros es decir más texto...

Si te fijas en las dos últimas entrada las imágenes tienen más altura que en la primera ¿solución? añade todas en la misma medida espero sea eso porque en este ordenador no puedo probarlo ;)

Responder
Gem@

yz Ahora que me fijo bien no es eso Pepe:(
Sin duda hay una diferencia entre el primer post y el último Pepe hay que mirarlo al detalle, repasa todo, intentaré mirarlo más tarde :)

Responder
pepe

lo probare y te avisare

muchas gracias

Responder
pepe

gema ya me di cuenta lo que sucede (creo)

mira si te fijas en este blog http://gatubelosdeldvd.blogspot.com/ (Es mio tambien lo uso para probar) en la segunda entrada ke le puse por nombre mmmm en esa sale todo bien y creo que es por ke en la misma entrada puse muy pocos caracteres osea escribi muy poco , en comparacion con las otras dos que escribi mas en esas no me sale como kisiera...

ahora ojala me puedas ayudar e


gracias gema por tu ayuda

saludos ke estes bien

Responder
Gem@

yz Pepe eso es lo que trataba de decirte al principio que donde dice summary_img = 140; será el número de caracteres cuyos post contienen imágenes.
La única solución es que añadas la cantidad de caracteres que deseas añadir ni uno más ni uno menos.

Responder
pepe

gracias gema pero eso seria muy dificil :(

lo ultimo que te pregunto o si no me rindo :S

no sabes como hacerlo igual que este blog ??

http://sdd-fanatico.blogspot.com/

si no sabes me rindo :(

igual te agradesco por todo el tiempo que has gastado ayudandome

saludos ke estes bien

Responder
pepe

olaaaa

soy yo denuevo xD

sabes ke empese a probar de diferentes maneran en el blog

y derrepente me resulto y me kedo bueno

no se ke habre echo pero ahora kedo bien

grax chau eso era xD

Responder
Gem@

yz El caso que resultó por fin y me alegra mucho Pepe :D :D

Responder
Smark

antes que nada una felicitación por el blog que es fantástico y muchas gracias por la información es de bastante utilidad, el codigo es bastante bueno oye y como hiciste para poner el gif que esta en la barra de direcciones del navegador?

bueno me despido bye

Responder
Gem@

yz Hola Smark, gracias por el comentario :)
Puedes ver como añadir un favicon en la siguiente url: http://gemablog-.blogspot.com/2007/02/favicn-para-blogger-beta.html

Responder
Esther Chicharro

Muchisisssisiiiisiimás gracias por todo Gemma, nuestro blog no sería lo mismo sin tu trabajo, estamos para lo que necesites en www.unpienlaluna.com .

Quería consultarte: Las entradas las tengo con un tipo de letra (Century Gothic), pero al hacer este truco los resumenes aparecen en otro tipo, he intentado cambiarlo pero no he podido, ¿Me puedes aconsejar? ¿También agradeceriamos cualquier consejo sobre nuestro blog?
Lo dicho, muchas gracias por el trabajo tan fino que vienes realizando.. Un Beso.
Miguel Angel.

Responder
Gem@

yz Esther Chicharro las gracias las doy yo a por añadir Gem@ BLOG en las Webs de interés :D
Sobre ese detalle de el tipo de fuente no debería cambiar por añadir el resumen en los post, de todas formas he intentado ver el código fuente para asegurarme que no hay ningún error pero no ha sido posible porque no está disponible :(

Responder
Cult

Hola Gema cuando busco
la ultima parte me sale esto
div class='clear'/

no se como puedo agregar la ultima parte y nos sabes como me serviría para mi blog
de antemano muchas gracias por tu trabajo
http://cultmoviez.blogspot.com/

Responder
Gem@

yz Watesam en la última parte busca:
<!-- clear for photos floats -->
justo arriba verás
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>

Responder
Cult
Este comentario ha sido eliminado por el autor.
Responder
Cult

No hermosa muchas gracias, no lo encuentro por ningún lado, este es el código de mi pagina al parecer no esta o tiene otro nombre

http://www.hotlinkfiles.com/files/2421269_pwgew/codigohtmlcultmoviez.txt

Responder
Gem@

yz Watesam hay que marcar para expandir la plantilla y luego buscar esa parte de código, te lo digo porque en ese archivo que dejas de enlace no está marcado para expandir quizás por eso no lo encuentras.

Responder
Cult

Gracias hermosa lo pude hacer pero no me gusto como quedo, tengo una consulta que no viene al tema, me gustaría saber si hay un script o un código para que los clicks de la pagina se abran en otra pagina

Responder
PLAY IT LOUD!

Hola de nuevo Gema. Gracias por el consejo. Probé como dijiste y todo salió a la perfección. Bueno, todo todo no: una vez hecho este truco para resumir los post, tengo dificultad en conseguir algo aparentemente tan simple como poner un borde negro de 1px a las fotos del resumen. Introduzco el código en la parte del span style de imgtag pero como tiene un padding, pues me sale recuadrada la foto pero dos márgenes más anchos, uno pegado por la derecha al texto del resumen y otro con blanco por abajo...
Supongo que es una pequeña chorrada, pero de momento no lo consigo...
Gracias de nuevo por tu inestimable ayuda.

Responder
Gem@

:: Hola PLAY IT LOUD! intenta añadir el borde en los estilos de la plantilla donde dice post img:

.post img {
padding:0px;
border:1px solid #000000;
}

Responder
Gem@

:: Watesam:

<a href="direccion_URL" target="_blank">vínculo externo</a>

Responder
PLAY IT LOUD!

Hola de nuevo Gema. Gracias por contestar tan rápido. Sigo sin conseguirlo. Mi plantilla era muy básica de partida, y sólo tiene un estilo "a img" al principio, que controla casi todas las imágenes. Si pongo un borde en ese estilo, me recuadra las imágenes de los post pero una vez abiertos, no las del resumen. Pero también me recuadra otras como el icono de la papelera de los comentarios, o el icono de editar los widgets de la sidebar de debajo. Es un poco raro... ¿no exite una etiqueta de imagen que se pueda poner en el estilo de los post o post-body (yo los tengo por separado por el rollo del diseño). Me refiero a algo así como un "img border" o algo parecido, que se añada al estilo igual que los padding, etc. pero que controle las imágenes que van ahí.
Otra solución sería poner el borde donde lo intenté al principio y controlar de alguna manera el padding lateral del texto del resumen. Tal y como está hecho es el padding de la foto lo que le da margen lateral al texto. Por eso cuando le pongo el borde, me sale pegado al texto y con blanco hasta la foto ¿entiendes?
Mil gracias de nuevo.
Un saludo.

Responder
Gem@

:: PLAY IT LOUD! prueba de la siguiente forma.
En html
<img alt="border" class="imageborder" src="url imagen" />

En CSS
.imageborder {
border:solid #000000; 1px;
}

Responder
Gem@

:: En alt pones el nombre de a imagen.

Responder
Anónimo

Hola Gem@,
espero que me puedas ayudar...
el problema es que el script desactiva los códigos HTML cuando los posts se muestran resumidos.

Por ejemplo: http://cnnflow.blogspot.com/search/label/Hector%20%27El%20Father%27

Como puedes ver, para entrar a los links primero hay que abrir el post.

¿hay alguna manera de quitar eso para poder entrar directamente a los links sin necesidad acceder a todo el post?

Espero tu respuesta y gracias de antemano.

Responder
Anónimo

up me olvidé xD

PS presumo que tiene que ver algo con 'function removeHtmlTag(strx,chop)...'

Responder
Gem@

:: No sé si he entendido bien, los enlaces están en el contenido que permanece oculto, y quieres acceder a esos enlaces sin mostrar el contenido al completo?
Veamos, al configurar este sistema nos proporciona un número determinado de caracteres en summary_noimg = 230 si el enlace o enlaces se encuentran dentro de esa cantidad de caracteres que se muestran los enlaces serán visibles.
Pero, si como en ese caso lo que añades es un vídeo lógicamente no sale el vídeo, la imagen y el texto en ese mínimo espacio.
Si pruebas en una entrada donde los enlaces estén dentro de ese número permitido de caracteres los enlaces se verán sin problemas.

Responder
ANRAFERA

Muchas gracias, Gem@, por todo cuanto expones. Un cordial saludo.

Responder
Gem@

:: Gracias a ti por comentar ANRAFERA :)

Responder
Ingenieria Civil Formosa

Hola, tengo un blog en el que intente lo de "seguir leyendo" (el toturial lo encontre en otro sitio) pero no me queda bien, a veces queda un gran espacio antes del seguir leyendo y otras veces queda al final, alguien puede decirme como lo puedo solucionar? gracias!
mi blog es:
www.ingenieriacivilfsa.blogspot.com

Responder
Gem@

:: Saludos Ingenieria Civil Formosa.
Prueba a dejar menos espacio entre el contenido del post y el borde disminuyendo o eliminando padding-bottom en:

.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}

Responder
Unknown

Excelente y funciona perfecto! Muchas gracias!
Tengo una consulta. ¿Puedo sacar esta función de resumir los posts de las páginas estáticas (que están en la barra horizontal de arriba) de mi blog? Porque cuando voy a las páginas no me muestra el resto del texto, por más que haga click en Seguir leyendo.
Desde ya muchas gracias de nuevo.
Mi blog es: http://fotomasgrafia.blogspot.com/

Responder
Unknown

Hola Gema:
en Olei Haifa,en el blog Prueba del perfil,instalé resumen en todos los post,pero tengo algunas diferencias que desearía me ayudaras a corregir.-
El primero también está resumido,quisiera que que saliera entero como el tuyo.-
la fecha está a la izquierda,no a la derecha,igual el vínculo para mostrar todo el post.-
Finalmente como coloco el otro vículo para cerrar el post abierto como tú lo tienes.-
Gracias por aguantar el tsunami de preguntas

Responder
Gem@

:: Aviver el sistema de entradas que ves aquí no es el mismo, yo me guié por una entrada de Vagabundia que trata sobre los post resumidos.
Ahora mismo no tengo el enlace a esa entrada a mi alcance porque ando justa de tiempo y estoy en un ordenador que no es el mio pero si añades en su buscador la palabra "resumidos" la localizas rápidamente :)

Responder
Karla Castañeda

Hola Gemita, sabes que estoy buscando un script para el resumen de las entradas, pero que las imagenes se corten en una sección, para que no se vean distorcionadas, ya sabes...

Tienes alguno?

Responder
Gem@

:: Entiendo lo que buscas Karla, en resumidos sólo tengo esta entrada no recuerdo haber visto ningún otro script todos reducen la imagen a un tamaño establecido :S

Responder
mimnermo

Hola, Gema...

He "descubierto" tu blog buscando precisamente este post. Había realizado un cambio tras leer la entrada de post ampliables con el enlace de "leer más", pero me interesaba que se dirigiese directamente al post, no que se quedase en la página de inicio...

El caso es que, tras realizar las modificaciones que indicas en esta entrada, me funciona, pero no perfectamente, ya que el texto que aparece en la página de inicio ha perdido el formato (era el texto de una canción con sus versos y estrofas y ahora va seguido)

Quisiera saber si es posible repararlo para que mantenga los formatos de las entradas siempre...

Quedo pendiente, no sin antes agradecerte tu atención y felicitarte por tu magnífico trabajo... Atentamente,


Marcos

Responder
mimnermo

@mimnermo
Hola, nuevamente...

Acabo de comprobar que este cambio ha afectado también a las páginas del blog, que han perdido el formato, no sólo a las entradas en la página de inicio.

Aysh...

Responder
Karla Castañeda

Gracias Gemita,

He visto en algunas páginas que tienen resumen automático en las entradas, en donde se toma una sección de la imagen principal, el inconveniente es que a veces si la imagen es muy grande la sección que se toma no muestra mucho, y no es atractiva (.¿.), pero tampoco me gusta mucho que el script amplié la imagen, por que si es muy chiquita al ampliarse se vé mal; yo tengo ese problema en mis resumenes y por eso estoy buscando una alternativa para mi nueva plantilla.

Si sabes de algo me dices...

Abrasos, ah !y me dijiste que tu cumple es el 30 de septiembre verdad??

Responder
Gem@

:: mimnermo no he podido ver ese cambio en tu blog por lo que no puedo saber a qué se debe el problema pero sin duda es porque se ha cometido algún error con la modificación, mi sugerencia es que pruebas en otro blog con la misma plantilla y realices todo de nuevo paso a paso para ver el resultado ;)

:: Karla en ese tema no puedo ayudarte porque no sé como hacerlo, creo que JMiur tiene alguna idea para que las imágenes se muestren en su tamaño pero... es necesario subir entonces dos imágenes en cada entrada una miniatura y la original que se mostrará al desplegar la entrada.
Es un trabajo muy laborioso y requiere además de las dos imágenes en distinto tamaño que se añada una clase en cada entrada para la miniatura :S
-Así es cumplo años el 30 de septiembre, medio siglo y uno más jajajajaja

Responder
mimnermo

Hola, otra vez, Gema...

Lo lamento, al comprobar que había afectado a otras páginas, volví a cargar la plantilla anterior.

Quizá, para evitar esos desajustes, podría modificarse el enlace "leer más" para que redireccionase a la página de la entrada... ¿Crees que sería posible?

Muchas gracias nuevamente...


Marcos

Responder
Gem@

:: mimnermo cuando se marca el enlace de leer más la finalidad es esa y así debe funcionar mostrando la entrada completa.

Responder
mimnermo

sí, pero la amplía en misma página de inicio... y yo quisiera que la ampliase en la página del post.

En definitiva sería el funcionamiento de esta entrada de resúmenes, que muestran en la página de inicio parte del post y al darle al enlace muestra todo el contenido pero en la página del post.

El problema de esta configuración, como ya te indiqué, es que me modifica las entradas correctamente, pero también las páginas que tengo creadas en el blog. Por eso planteaba la posibilidad de variar simplemente la función del enlace "leer más" para que, en lugar de ampliar el post en la página principal del blog, abriese su propia página.

De nuevo muchas gracias por tu atención y tu ayuda. :o)

Responder
Karla Castañeda

@Gem@

mmm, ya entiendo, se trata de dos imagenes,+ laborioso, y necesito practicidad por el tiempo.

Ojala Salga algo pronto

Abrassos :D

Responder
Karla Castañeda

Estaré al pendiente (por lo del dedio siglo)
jiji :D

Responder
Gem@

:: Espero encuentres una solución mas práctica Karla :)

jajajajaja vas a venir a tomar café ese día? estás invitada!! pero no hay torta hay qu e guardar la línea :S

Responder
Harry

Hola gema.

Tengo el mismo problema que algunos han comentado atrás: Las páginas estáticas se ven afectadas por el script y la opción leer mas no funciona en dichas páginas estáticas. ¿Hay alguna forma de arreglarlo?

Responder
Harry

@HarryNada, ya lo arreglé ^^. Puedes verificarlo en http://www.cuerpoarmonioso.com

Responder
Marisa

Hola Gema es posible reducir el tamaño de la letra en los titulos?? me salen muy grandes toma el tamaño de los post originales. Gracias

Responder
Gem@

:: Hola Benardino, si te refieres a los títulos de los post puedes cambiar el tamaño en font-size: 24px ;)

.post h1, .post h1 a {
color: #FFFFFF;
float: left;
font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
font-size: 24px;
font-weight: bold;
line-height: 40px;
margin-bottom: 0;
text-align: center;
text-shadow: 1px 1px 0 #000000;
width: 450px;
}

Responder
Lex

Yo Gemma no se como me lo hago, que siempre acabo visitando tu blog porque es uno de los pocos sitios en donde realmente se encuentra una solución, será que lo haces muy bien...

El tema es que lo e implementado en mi blog sin problema alguno. Ahora me surge una duda ( soy un perfeccionista ) , yo quiero que el texto de las entradas resumidas quede justificado, ¿ alguna sugerencia ?...

Un cordial saludo Gema

Responder
Lex

Solucionado!!!!

Ubicamos:
.post-body {

Y justo debajo:
text-align: justify;

y ya está, lo digo por si hay algún pejigueras por aquí , más o menos de mi calaña....

lo dicho, un abrazo Gema

Responder
Gem@

:: Ser un poco perfecionista no está mal Lex, me alegra lo solucionaras :)

Responder
riendabp

Hola Gema, me podrías decir que hacer para resumir todos los post menos el primero de la página principal? Y poner en cada post la flecha de expandir o contraer el post, tal y como está en tu blog... gracias...

Responder
Rodrigo Acuña Bravo

Hola Gema, hay posibilidad de confgurar esto para que no afecte al post más reciente?

y lo otro, como hago para que no aparezca ni los botones para compartir ni las entradas en el home ?

Gracias
Saludos

Rodrigo
www.rodrigoacunabravo.blogspot.com

Responder
Unknown

Hola Gem@, lo he implemnetado en mi Blog. y sale bien en todso los navegadores menos en IE donde el texto de los resumenes queda rechiquito, ni se lee.
Sabes que podre haber hecho mal?
El blog: puntadeleste-uruguay.blogspot.com
Gracias!!

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top